<a id="link_ticket" href="javascript:"></a>

<div id="menuArea">
    <!--在当前栏目的元素内加current属性来表示当前栏目-->
    <div class="menuItemWrapper" {{ column_id }}>
        <a class="menuItem" href="{% url 'bulls:index' %}" {% if column_id == None %} current {% endif %} >首页</a>
    </div>
    {% for category in categories %}
        <div class="menuItemWrapper" {% if category.childs.count != 0 %} hasSubMenu {% endif %}>
            <a class="menuItem" href="javascript:">{{ category.name }}</a>
            {% if category.childs.count != 0 %}
                <div class="subMenuItemWrapper">
                    {% for child in category.childs %}
                       <a class="subMenuItem" href="{% url 'bulls:column' column_id=child.id %}">{{ child.name }}</a>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    {% endfor %}
    <!--
     这里是不是应该通过js来判断某些父元素下是否含有特定的子元素，从而确定该元素带不带hasSubMenu属性
     -->
</div>
